{% load i18n icons %}

<p>
  {% blocktranslate %}This action cannot be undone. This will permanently delete the {{ object }} component and all related content.{% endblocktranslate %}
</p>

{% with components=object.component_set.prefetch.order %}
  {% if components %}
    <p>{% translate "The following translation components will be removed:" %}</p>
    <ul>
      <li>
        <a href="{{ object.get_absolute_url }}">{{ object }}</a>
      </li>

      {% for component in components %}
        <li>
          <a href="{{ component.get_absolute_url }}">{{ component }}</a>
        </li>
      {% endfor %}
    </ul>
  {% endif %}
{% endwith %}

<div class="form-group">
  <label class="control-label">{% translate "Component to remove" %}</label>
  <div class="list-group">
    <div class="list-group-item">
      <div class="list-group-item-text">
        <button type="button"
                class="btn btn-link btn-xs float-end"
                data-clipboard-value="{{ object.full_slug }}"
                title="{% translate "Copy to clipboard" %}">{% icon "copy.svg" %}</button>

        {{ object.full_slug }}
      </div>
    </div>
  </div>
</div>
